<div class="row">
	<div class="col-md-4">
		<input type="text" id="daterangepickerInput1" name="dateRange" value="" class="form-control" placeholder="时间区间" style="width:340px; padding-left:28px" readonly="readonly">
	</div>
	<div class="col-md-4">
	</div>
	<div class="col-md-4">
		<select class="form-control">
			<option>1</option>
			<option>2</option>
			<option>3</option>
			<option>4</option>
		</select>
	</div>
</div>
<script type="text/javascript">
$(function() {
	$('#daterangepickerInput1').daterangepicker({
	    "showDropdowns": true,
	    "timePicker": true,
	    "timePicker24Hour": true,
	    "timePickerSeconds": true,
	 	"ranges": {
	       '今日': [moment().startOf('day'), moment()],
           '昨日': [moment().subtract('days', 1).startOf('day'), moment().subtract('days', 1).endOf('day')],
           '最近7日': [moment().subtract('days', 7), moment()],
           '最近30日': [moment().subtract('days', 30), moment()]
	    },
	    "locale": {
	        "format": "YYYY/MM/DD HH:mm:ss",
	        "separator": " - ",
	        "applyLabel": "应用",
	        "cancelLabel": "取消",
	        "fromLabel": "从",
	        "toLabel": "到",
	        "customRangeLabel": "自定义",
	        "daysOfWeek": ['日', '一', '二', '三', '四', '五', '六'],
	        "monthNames": ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
	        "firstDay": 1
	    },
	    "linkedCalendars": false
	}, function(start, end, label) {
	});

});
</script>